<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
	<head>
		<meta charset="utf-8">
		<title>新闻</title>
		
		<!-- CSS -->
		<link rel="stylesheet" href="${pageContext.request.contextPath}/css/style.css" type="text/css" media="screen" />
		<link rel="stylesheet" href="${pageContext.request.contextPath}/css/social-icons.css" type="text/css" media="screen" />
		<!--[if IE 8]>
			<link rel="stylesheet" type="text/css" media="screen" href="${pageContext.request.contextPath}/css/ie8-hacks.css" />
		<![endif]-->
		<!-- ENDS CSS -->	
		
		<!-- GOOGLE FONTS 
		<link href='http://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css'>-->
		
		<!-- JS -->
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.5.1.min.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-ui-1.8.13.custom.min.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/easing.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.scrollTo-1.4.2-min.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.cycle.all.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/custom.js"></script>
		
		<!-- Isotope -->
		<script src="${pageContext.request.contextPath}/js/jquery.isotope.min.js"></script>
		
		<!--[if IE]>
			<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->
		
		<!--[if IE 6]>
			<script type="text/javascript" src="${pageContext.request.contextPath}/js/DD_belatedPNG.js"></script>
			<script>
	      		/* EXAMPLE */
	      		//DD_belatedPNG.fix('*');
	    	</script>
		<![endif]-->
		<!-- ENDS JS -->
		
		
		<!-- Nivo slider -->
		<link rel="stylesheet" href="${pageContext.request.contextPath}/css/nivo-slider.css" type="text/css" media="screen" />
		<script src="${pageContext.request.contextPath}/js/nivo-slider/jquery.nivo.slider.js" type="text/javascript"></script>
		<!-- ENDS Nivo slider -->
		
		<!-- tabs -->
		<link rel="stylesheet" href="${pageContext.request.contextPath}/css/tabs.css" type="text/css" media="screen" />
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/tabs.js"></script>
  		<!-- ENDS tabs -->
  		
  		<!-- prettyPhoto -->
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/prettyPhoto/js/jquery.prettyPhoto.js"></script>
		<link rel="stylesheet" href="${pageContext.request.contextPath}/js/prettyPhoto/css/prettyPhoto.css" type="text/css" media="screen" />
		<!-- ENDS prettyPhoto -->
		
		<!-- superfish -->
		<link rel="stylesheet" media="screen" href="${pageContext.request.contextPath}/css/superfish.css" />
		<link rel="stylesheet" media="screen" href="${pageContext.request.contextPath}/css/superfish-left.css" />
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/superfish-1.4.8/js/hoverIntent.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/superfish-1.4.8/js/superfish.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/superfish-1.4.8/js/supersubs.js"></script>
		<!-- ENDS superfish -->
		
		<!-- poshytip -->
		<link rel="stylesheet" href="${pageContext.request.contextPath}/js/poshytip-1.0/src/tip-twitter/tip-twitter.css" type="text/css" />
		<link rel="stylesheet" href="${pageContext.request.contextPath}/js/poshytip-1.0/src/tip-yellowsimple/tip-yellowsimple.css" type="text/css" />
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/poshytip-1.0/src/jquery.poshytip.min.js"></script>
		<!-- ENDS poshytip -->
		
		<!-- Tweet -->
		<link rel="stylesheet" href="${pageContext.request.contextPath}/css/jquery.tweet.css" media="all"  type="text/css"/>
		<script src="${pageContext.request.contextPath}/js/tweet/jquery.tweet.js" type="text/javascript"></script>
		<!-- ENDS Tweet -->
		
		<!-- Fancybox -->
		<link rel="stylesheet" href="${pageContext.request.contextPath}/js/jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
		<!-- ENDS Fancybox -->
		
		

	</head>
	
	<body>

			<!-- HEADER -->
			<div id="header">
				<!-- wrapper-header -->
				<div class="wrapper">
					<a href="${pageContext.request.contextPath}/news/index"><img id="logo" src="${pageContext.request.contextPath}/img/logo.png" alt="Nova" /></a>
					<!-- search -->
				<%--	<div class="top-search">
						<form  method="get" id="searchform" action="#">
							<div>
								<input type="text" value="Search..." name="s" id="s" onfocus="defaultInput(this)" onblur="clearInput(this)" />
								<input type="submit" id="searchsubmit" value=" " />
							</div>
						</form>
					</div>--%>
					<!-- ENDS search -->
				</div>
				<!-- ENDS wrapper-header -->					
			</div>
			<!-- ENDS HEADER -->
			
			
			<!-- Menu -->
			<div id="menu">
			
			
			
				<!-- ENDS menu-holder -->
				<div id="menu-holder">
					<!-- wrapper-menu -->
					<div class="wrapper">
						<!-- Navigation -->
						<ul id="nav" class="sf-menu">
							<li class="current-menu-item"><a href="${pageContext.request.contextPath}/news/index">Home<span class="subheader">Welcome</span></a></li>
							<li><a href="${pageContext.request.contextPath}/news/category/1/10?id=2">society<span class="subheader">society news</span></a></li>
							<li><a href="${pageContext.request.contextPath}/news/category/1/10?id=3">internation <span class="subheader">information news</span></a></li>
							<li><a href="${pageContext.request.contextPath}/user/queryId">message<span class="subheader">message</span></a>
							</li>
						</ul>
						<!-- Navigation -->
					</div>
					<!-- wrapper-menu -->
				</div>
				<!-- ENDS menu-holder -->
			</div>
			<!-- ENDS Menu -->
			
			
			

			
			<!-- MAIN -->
			<div id="main">
				<!-- wrapper-main -->
				<div class="wrapper">
					
					<!-- content -->
					<div id="content">
						
						<!-- title -->
						<div id="page-title">
							<span class="title">个人信息</span>

						</div>
						<!-- ENDS title -->
							
						<!-- column (left)-->
						<div class="one-column">
							<!-- form -->
							<h2>信息</h2>
							<script type="text/javascript" src="js/form-validation.js"></script>
							<form id="contactForm" action="${pageContext.request.contextPath}/user/update" method="post">

									<div>
										<label>Name</label>
										<input type="hidden" name="id" value="${user.id}">
										<input name="name"  id="name" type="text" class="form-poshytip"  readonly="readonly" title="Enter your full name" value="${user.name}"/>
									</div>
									<div>
										<label>Email</label>
										<input name="email"  id="email" type="text" class="form-poshytip" readonly="readonly" title="Enter your email address" value="${user.attributes.get(0).value}"/>
									</div>
							</form>
							<!-- ENDS form -->
						</div>
						<!-- ENDS column -->

						<!-- ENDS column -->							
		
					</div>
					<!-- ENDS content -->

				</div>
				<!-- ENDS wrapper-main -->
			</div>
			<!-- ENDS MAIN -->

			<!-- ENDS Twitter -->

			
			<!-- FOOTER -->
			<div id="footer">
				<!-- wrapper-footer -->
				<div class="wrapper">
					<!-- footer-cols -->
					<ul id="footer-cols">
						<li class="col">
							<h6>Pages</h6>

							<ul>
								<li class="page_item"><a href="${pageContext.request.contextPath}/news/index">Home</a></li>
								<li class="page_item"><a href="${pageContext.request.contextPath}/news/category?id=2">society</a></li>
								<li class="page_item"><a href="${pageContext.request.contextPath}/news/category?id=3">internation</a></li>
								<li class="page_item"><a href="${pageContext.request.contextPath}/user//queryId">message</a></li>
							</ul>
						</li>
						
						<li class="col">
							<h6>Categories</h6>
							<h6>类别</h6>
							<ul>
								<li><a href="${pageContext.request.contextPath}/news/category/1/10?id=2">社会</a></li>
								<li><a href="${pageContext.request.contextPath}/news/category/1/10?id=3">国际</a></li>
								<li><a href="${pageContext.request.contextPath}/user//queryId">个人信息</a></li>
							</ul>
						</li>
						<li class="col">
							<h6>关于这个系统</h6>
							新闻推荐系统。
						</li>
						
					</ul>
					<!-- ENDS footer-cols -->
				</div>
				<!-- ENDS wrapper-footer -->
			</div>
			<!-- ENDS FOOTER -->


			<div id="bottom">
				<!-- wrapper-bottom -->
				<div class="wrapper">
					<div id="bottom-text">2018. <a href="http://www.cssmoban.com/">张振</a> </div>
					<!-- Social -->

					<!-- ENDS Social -->
					<div id="to-top" class="poshytip" title="To top"></div>
				</div>
				<!-- ENDS wrapper-bottom -->
			</div>
			<!-- ENDS Bottom -->

	</body>
	<script type="text/javascript">
	</script>
</html>